<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>学生管理--自我检测</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="assets/css/gb_my.css">
    <link rel="stylesheet" href="assets/css/font-awesome.css">
    <link rel="stylesheet" href="assets/css/bootstrap-reset.css">
    <link rel="stylesheet" href="assets/css/easydropdown.css">
</head>
<body data-type="chart">
<div class="am-g tpl-g">
    <!--头部-->
    <nav class="navbar navbar-default top-navbar">
        <div class="navbar-header">
            <a class="navbar-brand waves-effect waves-dark" href="javascript:;">
                <img src="assets/img/logo.png" alt="">
                <strong>轻课网考试系统</strong>
            </a>
            <div id="sideNav" href="">
                <i class="mulv QK QK-mulu"></i>
            </div>
        </div>
        <ul class="nav navbar-top-links navbar-right aaa">
            <li>
                <a id="down_" class="sign-out dropdown-button waves-effect waves-dark" href="javascript:;">
                    <span class="am-icon-sign-out"></span> 退出
                </a>
            </li>
            <li>
                <a class="dropdown-button waves-effect waves-dark" href="javascript:;"><b>欢迎你, <span class="userName"></span> </b></a>
            </li>
        </ul>
    </nav>
    <!--导航栏-->
    <nav class="navbar-default navbar-side">
        <div class="sidebar-collapse">
            <!--用户头像-->
            <div class="tpl-sidebar-user-panel">
                <div class="tpl-user-panel-slide-toggleable">
                    <div class="tpl-user-panel-profile-picture">
                        <img src="assets/img/user04.png" alt="">
                    </div>
                </div>
            </div>
            <dl class="list_dl">
                <dt class="list_dt">
                    <a href="index.html">
                        <span class="QK1 start_before"></span>
                        <p>学生平台</p>
                    </a>
                </dt>
                <dt class="list_dt">
                    <span class="QK1 topic_before"></span>
                    <p>我的考试</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="student.html">我的试卷</a>
                        </li>
                        <li class="list_li">
                            <a href="examRecords.html">考试记录</a>
                        </li>
                    </ul>
                </dd>
                <dt id="open" class="list_dt">
                    <span class="QK1 paper_before"></span>
                    <p>自我检测</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd" style="display: block">
                    <ul>
                        <li class="list_li" id="style_li_a">
                            <a href="testing.html">自我检测</a>
                        </li>
                        <li class="list_li">
                            <a href="error.html">检测结果</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 user_before"></span>
                    <p>个人管理</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="personalData.html">个人资料</a>
                        </li>
                        <li class="list_li">
                            <a href="collection.html">题目收藏</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 chat_before"></span>
                    <p>聊天室</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="chatroom.html">聊天室</a>
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
    </nav>
    <!-- 内容区域 -->
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <section class="panel">
                    <header class="panel-heading">
                        <span class="label label-primary">自我检测</span>
                    </header>
                    <div class="panel-body">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label class="col-lg-1 col-sm-1 control-label">选择题库</label>
                                <div class="col-lg-4 text_test questions_select">
                                    <select class="dropdown select" name="question_tx">
                                        <option value ="0">请选择题库</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-1 col-sm-1 control-label">单选题设置</label>
                                <div class="col-lg-3 text_test radio_select">
                                    <select class="dropdown select" name="qorder" data-value="0">
                                        <option value ="0">0条</option>
                                        <option value="1">5条</option>
                                        <option value="2">10条</option>
                                        <option value="3">15条</option>
                                    </select>
                                </div>
                                <div class="col-lg-1 text_test">
                                    <select class="dropdown select" name="difficulty" data-value="0">
                                        <option value ="0">很容易</option>
                                        <option value="1">较容易</option>
                                        <option value="2">一般</option>
                                        <option value="3">较难</option>
                                        <option value="3">非常难</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-1 col-sm-1 control-label">多选题设置</label>
                                <div class="col-lg-3 text_test multi_select">
                                    <select class="dropdown select" name="qorder" data-value="0">
                                        <option value ="0">0条</option>
                                        <option value="1">5条</option>
                                        <option value="2">10条</option>
                                        <option value="3">15条</option>
                                    </select>
                                </div>
                                <div class="col-lg-1 text_test">
                                    <select class="dropdown select" name="difficulty" data-value="0">
                                        <option value ="0">很容易</option>
                                        <option value="1">较容易</option>
                                        <option value="2">一般</option>
                                        <option value="3">较难</option>
                                        <option value="3">非常难</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group btn_click">

                            </div>
                            <div class="loading">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </form>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/theme.js"></script>
<script src="assets/js/easydropdown.js"></script>
<script src="assets/js/html5sv.js"></script>
<script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/amazeui.datatables.min.js"></script>
<script src="assets/js/dataTables.responsive.min.js"></script>
<script src="assets/js/student.js"></script>
<script src="assets/js/JCheck.js"></script>
<script>
    $('.loading').css('display' , 'block');
    //请求题库类型
    $.ajax({
        url: localApi + "/QuestionDb/all",
        type: 'get',
        async:false,
        data: {
            apikey: '1',
        },
        success: function(result) {
//            console.log(result.data);
            if(result.msg == "success") {
                $.each(result.data, function(n, item){
                    $("select[name='question_tx']").append("<option value='" + item.id + "'>" + item.dname + "</option>")
                });
            }else{
                alert("出现bug");
            }
        }
    });
    $(document).ready(function () {
       var add_btn = '<div class="col-lg-2 col-sm-2">\n' +
           '               <button type="button" class="btn btn-block submit_button" id="btnStart">开始自我检测</button>\n' +
           '          </div>';
        $('.loading').css('display' , 'none');
        $('.btn_click').append(add_btn);
        var select_question_id,
            radio_name,
            multi_name,
            radio_name_id,
            multi_name_id,
            difficulty_radio,
            difficulty_multi,
            number_radio,
            number_radio_id,
            number_multi,
            number_multi_id,
            question_type = [],
            difficulty_questions = [],
            difficulty_questions_number = [];
        $('#btnStart').click(function () {
           var select_questions = $('.questions_select').children().find('.selected').html();
           $.each($('.questions_select').children().find('.old').children().children() , function (n , item) {
               if(select_questions == item.text){
                   select_question_id = item.value;
               }
           });
//           console.log(select_question_id);
            //获取题型
           radio_name = $('.radio_select').prev().html().split('题')[0];
           multi_name = $('.multi_select').prev().html().split('题')[0];
           if(radio_name == '单选'){
               radio_name_id = '1'
           }
           if(multi_name == '多选'){
               multi_name_id = '2'
           }
           question_type = [radio_name_id , multi_name_id];

           //获取难度
            difficulty_radio = $('.radio_select').next().children().find('.selected').text();
            difficulty_multi = $('.multi_select').next().children().find('.selected').text();
            if(difficulty_radio == '很容易'){
                number_radio_id = '1'
            }else if(difficulty_radio == '较容易'){
                number_radio_id = '2'
            }else if(difficulty_radio == '一般'){
                number_radio_id = '3'
            }else if(difficulty_radio == '较难'){
                number_radio_id = '4'
            }else{
                number_radio_id = '5'
            }
            if(difficulty_radio == '很容易'){
                number_multi_id = '1'
            }else if(difficulty_radio == '较容易'){
                number_multi_id = '2'
            }else if(difficulty_radio == '一般'){
                number_multi_id = '3'
            }else if(difficulty_radio == '较难'){
                number_multi_id = '4'
            }else{
                number_multi_id = '5'
            }
            difficulty_questions = [number_radio_id , number_multi_id];

            //获取数量
            number_radio =  $('.radio_select').children().find('.selected').text().split('条')[0];
            number_multi =  $('.multi_select').children().find('.selected').text().split('条')[0];
            difficulty_questions_number = [number_radio , number_multi];
            window.location.href = 'SelfDetection.html?dbid=' + select_question_id + '&qtype=' + question_type + '&qlevel=' + difficulty_questions + '&practiceCount' + difficulty_questions_number;
       });
    });
</script>
<script>
    $(document).ready(function() {
        $(".list_dt").on("click", function() {
            $('.list_dd').stop();
            $(this).siblings("dt").removeAttr("id");
            if($(this).attr("id") == "open") {
                $(this).removeAttr("id").siblings("dd").slideUp();
            } else {
                $(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
            }
        });
    });
</script>
<script>
    $(document).ready(function() {
        $(".dropdown-button").dropdown();
        $("#sideNav").click(function() {
            if($(this).hasClass('closed')) {
                $('.navbar-side').animate({
                    left: '0px'
                });
                $(this).removeClass('closed');
                $('#page-wrapper').animate({
                    'margin-left': '260px'
                });
            } else {
                $(this).addClass('closed');
                $('.navbar-side').animate({
                    left: '-260px'
                });
                $('#page-wrapper').animate({
                    'margin-left': '0px'
                });
            }
        });
    });
    $(".dropdown-button").dropdown();
</script>